html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: 'Microsoft YaHei Light','Microsoft Yahei', 'Heiti SC', Simsun;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
}

article, aside, details,
figcaption, figure, footer,
header, hgroup, main, menu,
nav, section, summary {
  display: block;
  margin: 0;
  padding: 0;
}

audio, canvas, progress, video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.05em;
}

sub {
  bottom: -.025em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup,
select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: none;
  border: none;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #cfcfcf;
  margin: 0 2px;
  padding: .035em .0625em .075em;
}

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

ul, ol {
  list-style: none;
  margin: 0;
}

i, b, em {
  font-style: normal;
}
a:hover, a:visited, a:link, a:active {
  color: black;
  text-decoration: none;
}

html {
  font-size: 625%;
}
@media only screen and (min-width: 355px) {
  html {
    font-size: 675% !important;
  }
}
@media only screen and (min-width: 375px) {
  html {
    font-size: 700% !important;
  }
}
@media only screen and (min-width: 389px) {
  html {
    font-size: 750% !important;
  }
}
@media only screen and (min-width: 405px) {
  html {
    font-size: 800% !important;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 800% !important;
  }
}
@media only screen and (min-width: 428px) {
  html {
    font-size: 850% !important;
  }
}
@media only screen and (min-width: 450px) {
  html {
    font-size: 900% !important;
  }
}
@media only screen and (min-width: 475px) {
  html {
    font-size: 950% !important;
  }
}
@media only screen and (min-width: 750px) {
  html {
    font-size: 1500% !important;
  }
}
body,html {
  height: 100%;
}
header {
  font-size: .18rem;
  color: #92949a;
  line-height: .4rem;
  padding: 0 .1rem;
  border-bottom: 1px solid #e9e9ed;
}
.ul-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .05rem .15rem;
  border-bottom: 1px solid #e9e9ed;
}
.ul-list li div p:nth-child(1) {
  font-size: .16rem;
  line-height: .22rem;
  color: #434343;
}
.ul-list li div p:nth-child(2) {
  font-size: .12rem;
  color: #92949a;
  line-height: .22rem;
}
.ul-list li a {
  font-size: .14rem;
  color: #fff!important;
  line-height: .37rem;
  height: .37rem;
  width: .8rem;
  background: #0ab0ef;
  text-align: center;
  border-radius: 5px;
}
.ui-input {
  font-size: .14rem;
  padding: .05rem .15rem;
  display: flex;
  align-items: center;
  margin: .1rem 0;
}
.ui-input .ui-input-content {
  width: 80%;
  padding: .05rem .15rem;
  margin-left: .1rem;
  border-bottom: 1px solid #c6c6c6;
}
.ui-input .ui-input-content input {
  width: 100%;
  font-size: .12rem;
  color: #474747;
}
.ui-input .err {
  border-color: #ff4a5c!important;
}
.btn {
  font-size: .14rem;
  color: #fff!important;
  line-height: .37rem;
  height: .37rem;
  width: 88%;
  background: #0ab0ef;
  text-align: center;
  border-radius: 5px;
  display: block;
  position: absolute;
  bottom: 10%;
  left: 50%;
  margin-left: -44%;
}
.ui-label {
  width: 80%;
  display: flex;
  justify-content: space-around;
}
.ui-label p {
  margin-right: .1rem;
}
.radiolabel {
  display: flex;
}
.radiobtn {
  display: none;
}
.radiobtn+i {
  width: .15rem;
  height: .15rem;
  border: 1px solid #c6c6c6;
  border-radius: 100%;
  display: block;
}
.radiobtn:checked+i {
  width: .15rem;
  height: .15rem;
  border-radius: 100%;
  display: block;
  position: relative;
  border-color: rgb(67,201,150);
}
.radiobtn:checked+i:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: .07rem;
  height: .07rem;
  border-radius: 100%;
  background: rgb(67,201,150);
  left: 55%;
  top: 55%;
  margin: -.04rem 0 0 -.04rem;
}
.success {
  display: block;
  width: .96rem;
  height: .96rem;
  margin: .5rem auto .2rem;
}
.successP {
  font-size: .2rem;
  text-align: center;
  font-weight: bold;
  color: #303030;
}
.pay {
  padding: .2rem .1rem;
}
.pay p {
  font-size: .14rem;
  line-height: .22rem;
  margin: .1rem 0;
}
.pay p span {
  font-size: .12rem;
  line-height: .22rem;
  color: #92949a;
  margin-left: .1rem;
}
.pay .inputText {
  border: 1px solid #c6c6c6;
  padding: .1rem;
  height: .5rem;
  display: flex;
}
.pay .inputText input {
  width: 100%;
  height: 100%;
  font-size: .12rem;
}